<template>
  <div>
    <!-- 面包屑导航 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/operationsummary/Operations' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>费用设置</el-breadcrumb-item>
    </el-breadcrumb>
    <br />
    <br />

    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="附加费用设置" name="first">
        <additional />
      </el-tab-pane>
      <el-tab-pane label="诊疗费用设置" name="second">
        <medical />
      </el-tab-pane>
      <el-tab-pane label="挂号费用设置" name="third">
        <registration />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
import Additional from "./Additional.vue";
import Medical from "./Medical.vue";
import Registration from "./Registration.vue";

export default {
  components: { Additional, Medical, Registration },

  data() {
    return {
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab, event) {
      //console.log(tab, event);
    },
  },
};
</script>